<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form action="#">

    <label>品牌:&nbsp&nbsp</label><input id="i1" type="text" placeholder="请输入品牌">
    <br>
    <br>
    <label>型号:&nbsp&nbsp</label><input id="i2" type="text" placeholder="请输入产品型号">
     <br>
    <br>
    <label>参数:&nbsp&nbsp</label><input id="i3" type="text" placeholder="请输入产品参数">
     <br>
    <br>
    <label>价格:&nbsp&nbsp</label><input id="i4" type="text" placeholder="请输入设置价格">
    <br>
    <br>
    <input type="submit" value="添加信息" id="ic">
</form>

<table border="1px solid" cellspacing="0px" id="t1">
    <thead><tr><td>品牌</td><td>型号</td><td>产品</td><td>价格</td></tr></thead>
    <tbody id="t2">

    </tbody>
</table>
<div id="d1">
</div>
<script>
    var sub = document.getElementById('ic');
    sub.onclick = function (ev) {
        var i1 = document.getElementById('i1');
        var i2 = document.getElementById('i2');
        var i3 = document.getElementById('i3');
        var i4 = document.getElementById('i4');
        var tr = document.createElement('tr');
        tr.innerHTML = '<td>'+i1.value+'</td>'+'<td>'+i2.value+'</td>'+'<td>'+i3.value+'</td>'+'<td>'+i4.value+'</td>';
        var body = document.getElementById('t2');
        body.appendChild(tr);
        i1.value = "";
        i2.value = "";
        i3.value = "";
        i4.value = "";
    };

</script>
</body>
</html>